<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>频道首页</title>
<link type="text/css" rel="stylesheet" href="static/css/style.css" />
<script type="text/javascript" src="static/js/jquery.js"></script>
<script type="text/javascript" src="static/js/public.js"></script>
</head>

<body>
<div id="header">
	<div class="main clearfix">
		<h1 id="logo"><img src="static/images/logo.png" /></h1>
		<div class="search">
			<p class="searchmi fl">
				<input class="search_t" type="search"  placeholder="搜索频道">
			</p>
			<input class="search_b fl" type="button" value=" ">
		</div>
		<div class="home">
			<div class="uHome"><a href="#">个人主页</a></div>
			<s></s>
			<div id="uinfoShow" class="uInfo">
				<div class="uhead"><a href="#"><img src="static/images/uheader.png"/></a></div>
				<div class="uname"><a href="#">用户名</a></div>
				<div class="newmsg"><a href="#" title="有2条新消息">2</a></div>
				<b></b>
				<ul class="info_show">
					<li class="letter b_t"><a href="#">私信</a>
						<div class="newmsg"><a href="#" title="有2条新消息">2</a></div>
					</li>
					<li class="set"><a href="#">设置</a></li>
					<li class="exit"><a href="#">退出</a></li>
				</ul>
			</div>
		</div>
	</div>
</div>
<div class="main">
	<div class="crumbs-i f_16"> <a class="c_2" href="#">用户中心</a> <i>&gt;</i> <span class="cur">频道购买</span></div>
	<div class="channel_buy_new">
		<div class="ti">
			<h3>订单信息确定</h3>
			<ul class="buy_step">
				<li><em>1</em>提交订单</li>
				<li class="current"><em>2</em>确认支付</li>
				<li><em>3</em>完成</li>
			</ul>
		</div>
		<div class="buyCnt">
			<div class="order_info">
				<b class="fl">40小时背完5500考研英语词汇 </b><em class="fr">￥68</em>
			</div>
			<h3>选择购买方式</h3>
			<div class="buy_way_t">
				<label for="RadioGroup1_0">
					<input type="radio" name="RadioGroup1" value="机构支付卡购买" id="RadioGroup1_0" checked>
					机构支付卡购买</label>
				<label for="RadioGroup1_1">
					<input type="radio" name="RadioGroup1" value="17cast货币购买" id="RadioGroup1_1">
					17cast货币购买</label>
			</div>
			<div class="buy_way_m radio_left"> <em></em>
				<div id="choose_left">
					<div class="tip red"><i></i>您的支付卡余额：¥0，当前支付卡余额无法购买此频道,请充值</div>
					<div class="pay_card">
						<p>卡号：
							<input name="" type="text">
						</p>
						<p>密码：
							<input name="" type="password">
						</p>
					</div>
					<div class="bgWhite">
						<div class="buybottom-btn"> <a class="btn_a"><span>立即充值</span></a> <a class="btn_a"><span>取消</span></a> </div>
					</div>
				</div>
				<div id="choose_right" style="display:none;">
					<div class="tip"><i></i>您的17cast货币余额：¥0，需扣金额<b class="red">￥68</b>，无法购买此频道,请充值</div>
					<div class="choose_pay_way">
						<h4>请选择充值方式：</h4>
						<ul class="choose_tabs">
							<li class="current"><span>网银支付</span></li>
							<li><span>第三方支付</span></li>
						</ul>
						<div class="bank-list-wrap">
							<ul class="bank-list" >
								<li>
									<label class="label_bank" for="RadioGroup2_1">
										<input  class="bank_radio" type="radio" name="RadioGroup2" value="" id="RadioGroup2_1">
										<span class="bank_gs"></span></label>
								</li>
								<li>
									<label class="label_bank" for="RadioGroup2_2">
										<input  class="bank_radio" type="radio" name="RadioGroup2" value="" id="RadioGroup2_2">
										<span class="bank_zs"></span></label>
								</li>
								<li>
									<label class="label_bank" for="RadioGroup2_3">
										<input  class="bank_radio" type="radio" name="RadioGroup2" value="" id="RadioGroup2_3">
										<span class="bank_zh"></span></label>
								</li>
								<li>
									<label class="label_bank" for="RadioGroup2_4">
										<input  class="bank_radio" type="radio" name="RadioGroup2" value="" id="RadioGroup2_4">
										<span class="bank_ny"></span></label>
								</li>
								<li>
									<label class="label_bank" for="RadioGroup2_5">
										<input  class="bank_radio" type="radio" name="RadioGroup2" value="" id="RadioGroup2_5">
										<span class="bank_gd"></span></label>
								</li>
								<li>
									<label class="label_bank" for="RadioGroup2_6">
										<input  class="bank_radio" type="radio" name="RadioGroup2" value="" id="RadioGroup2_6">
										<span class="bank_pf"></span></label>
								</li>
								<li>
									<label class="label_bank" for="RadioGroup2_7">
										<input  class="bank_radio" type="radio" name="RadioGroup2" value="" id="RadioGroup2_7">
										<span class="bank_zx"></span></label>
								</li>
								<li>
									<label class="label_bank" for="RadioGroup2_8">
										<input  class="bank_radio" type="radio" name="RadioGroup2" value="" id="RadioGroup2_8">
										<span class="bank_xy"></span></label>
								</li>
								<li>
									<label class="label_bank" for="RadioGroup2_9">
										<input  class="bank_radio" type="radio" name="RadioGroup2" value="" id="RadioGroup2_9">
										<span class="bank_ms"></span></label>
								</li>
								<li>
									<label class="label_bank" for="RadioGroup2_10">
										<input  class="bank_radio" type="radio" name="RadioGroup2" value="" id="RadioGroup2_10">
										<span class="bank_hz"></span></label>
								</li>
							</ul>
							<ul class="bank-list" style="display:none;">
								<li>
									<label class="label_bank" for="RadioGroup2_0">
										<input type="radio" name="RadioGroup2" value="单选" id="RadioGroup2_0">
										<span class="kuaiqian"></span></label>
								</li>
							</ul>
						</div>
					</div>
					<div class="bgWhite">
						<div class="buybottom-btn"> <a class="btn_a"><span>立即充值</span></a> <a class="btn_a"><span>取消</span></a> </div>
					</div>
				</div>
<script type="text/javascript">
$(function(){
	
	//左右radio切换
	$("#RadioGroup1_0").click(function(){
		$("#choose_left").show();
		$("#choose_right").hide();
		$(".buy_way_m").addClass("radio_left").removeClass("radio_right");
	});
	$("#RadioGroup1_1").click(function(){
		$("#choose_right").show();
		$("#choose_left").hide();
		$(".buy_way_m").addClass("radio_right").removeClass("radio_left");
	});
	
	//支付方式tabs选项
	$(".choose_tabs li").click(function(){
		$(this).addClass("current").siblings().removeClass("current");
		$(".bank-list-wrap ul").eq($(".choose_tabs li").index(this)).show().siblings().hide();
	});


})
</script> 
			</div>
		</div>
	</div>
</div>
<div id="footer">&copy; copyright 2008-2012 Gensee, Inc. 版权所有 <a href="http://www.miibeian.gov.cn/" target="_blank">浙ICP备12001889号-3</a> 浙B2-20120093</div>
</body>
</html>
